<template>
  <div>
    <div id='contentBox'>
      <div class='leftBox'>
        <div class='BUC-Box'>
          <a-card title="BUC">
            <a-button slot="extra" type='primary'>设置</a-button>
            <a-form-model :model="formBUC" :label-col="labelCol" :wrapper-col="wrapperCol">
              <a-row>
                <a-col :span=12>
                  <a-form-model-item label="频率">
                    <a-input-number style="width:100%" v-model="formBUC.frequency"></a-input-number>
                  </a-form-model-item>
                </a-col>
                <a-col :span=12>
                  <a-form-model-item label="衰减器">
                    <a-input-number min=0 max=31 style="width:100%" v-model="formBUC.attenuator"></a-input-number>

                  </a-form-model-item>
                </a-col>
                <a-col :span=12>
                  <a-form-model-item label="当前频率">
                    <a-input-number style="width:100%" v-model="formBUC.CurrentFrequency"></a-input-number>
                  </a-form-model-item>
                </a-col>
                <a-col :span=12>
                  <a-form-model-item label="当前衰减器配置">
                    <a-input-number min=0 max=31 style="width:100%"
                      v-model="formBUC.CurrentAttenuatorConfiguration"></a-input-number>

                  </a-form-model-item>
                </a-col>
              </a-row>


            </a-form-model>
          </a-card>
        </div>
        <div class='LNB-Box'>
          <a-card title="LNB">
            <a-button slot="extra" type='primary'>设置</a-button>
            <a-form-model :model="formLNB" :label-col="labelCol" :wrapper-col="wrapperCol">
              <a-row>
                <a-col :span=12>
                  <a-form-model-item label="地址设置">
                    <a-input-number style="width:100%" v-model="formBUC.AddressSettings"></a-input-number>
                  </a-form-model-item>
                </a-col>
                <a-col :span=12>
                  <a-form-model-item label="输入频率">
                    <a-input-number style="width:100%" v-model="formBUC.InputFrequency"></a-input-number>
                  </a-form-model-item>
                </a-col>
                <a-col :span=12>
                  <a-form-model-item label="输出频率">
                    <a-input-number style="width:100%" v-model="formBUC.OutputFrequency"></a-input-number>
                  </a-form-model-item>
                </a-col>
                <a-col :span=12>
                  <a-form-model-item label="当前输入频率">
                    <a-input-number style="width:100%" v-model="formBUC.CurrentInputFrequency"></a-input-number>
                  </a-form-model-item>
                </a-col>
                <a-col :span=12>
                  <a-form-model-item label="当前输出频率">
                    <a-input-number style="width:100%" v-model="formBUC.CurrentOutputFrequency"></a-input-number>
                  </a-form-model-item>
                </a-col>
                <a-col :span=12>
                  <a-form-model-item label="本振锁定指示">
                    <a-input-number style="width:100%" v-model="formBUC.LocalOscillatorLockIndication"></a-input-number>
                  </a-form-model-item>
                </a-col>
                <a-col :span=12>
                  <a-form-model-item label="内外参考指示">
                    <a-input-number style="width:100%"
                      v-model="formBUC.InternalExternalReferenceIndications"></a-input-number>
                  </a-form-model-item>
                </a-col>
                <a-col :span=12>
                  <a-form-model-item label="">
                  </a-form-model-item>

                </a-col>
              </a-row>

            </a-form-model>
          </a-card>

        </div>


      </div>

    </div>
  </div>
</template>

<script>

import { JeecgListMixin } from '@/mixins/JeecgListMixin/'
import { getAction } from '@/api/manage.js'
export default {
  name: 'BasebandControl',
  // mixins: [JeecgListMixin],
  data() {
    return {
      formBUC: {},
      formLNB: {},
      formPublicConfiguration: {},
      formFrequencyHopping: {},
      formStatusDisplay: {},
      labelCol: { span: 6 },
      wrapperCol: { span: 14 },
      labelCol1: { span: 14 },
      wrapperCol1: { span: 10 },
      url: {
        list: "/132"
      }
    }
  },
  created() {
    this.getList()
  },
  methods: {
    loadData() { },
    getList() {
      getAction(this.url.lsit).then(res => {
        this.formLNB = res.result
      })
    },
    changeIntermediateFrequency(val) {
      this.formFrequencyHopping.upFrequencSynchronousChannelFrequencyyValue = val
    }
  }
}
</script>

<style lang='less' scoped>
#contentBox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;

  .statusDisplayBox {
    width: 100%;
  }

  .leftBox {
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

    .ant-card {
      border-collapse: collapse;
    }

    .BUC-Box {
      width: 100%;
    }

    .LNB-Box {
      width: 100%;
    }

    .publicConfigurationBox {
      width: 100%;
    }
  }

  .frequencyHoppingBox {
    width: 60%;
  }
}
</style>